<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<meta name="scq" content="lh">
		<meta name="keywords" content="您的网站名称" />
		<meta name="description" content="您的网站名称" />
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/taocan.css">
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link href="../css/slick.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	</head>

	<body>
		<div class="searchbox">
			<div class="fl logobox">
				<a href="#"><img src="../img/logo.png" /></a>
			</div>
			<div class="fl downcon">
				<span onclick="down(this)">海口<i class="fa fa-angle-down"></i></span>
				<ul>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
				</ul>
			</div>
			<div class="fr search">
				<form>
					<input type="text" placeholder="请搜索：装修/问题/攻略/效果图" onfocus="this.placeholder=''" onblur="this.placeholder='请搜索：装修/问题/攻略/效果图'" />
					<input type="button" value="搜索" />
					<div class="clear"></div>
				</form>
			</div>
			<div class="clear"></div>
		</div>
		<div class="bannerbar ">
			<div class="navbar">
				<div class="nav">
					<a href="index.html">首页</a>
					<a href="zx-taocan.html" class="current">装修套餐</a>
					<a href="zx-lc.html">装修流程</a>
					<a href="drawing.html">装修效果图</a>
					<a href="xuetang.html">装修学堂</a>
					<a href="about.html">关于我们</a>
					<span class="fr">联系电话：<em>400-817-0898</em>转<em>666</em></span>
					<div class="clear"></div>
				</div>
			</div>
		</div>

		<!--banner开始-->
		<div class="normal-size">
			<div class="lubo">
				<ul class="lubo_box">
					<li style=" opacity: 1;filter:alpha(opacity=100);">
						<a href=""><img src="../img/banner-taocan-01.jpg"/></a>
					</li>
					<li>
						<a href=""><img src="../img/about-us.png"/></a>
					</li>
					<li>
						<a href=""><img src="../img/banner-taocan-01.jpg"/></a>
					</li>
					<li>
						<a href=""><img src="../img/about-us.png"/></a>
					</li>
				</ul>
			</div>
		</div>

		<!--banner结束-->

		<!--装修流程开始-->
		<div class="normal-size">
			<div class="zx-lc-box clearfix">
				<div class="zx-process">
					<ul class="clearfix">
						<li class="left-elem"><img src="../img/shuidian.png" alt=""></li>
						<li class="left-elem"><img src="../img/zhongqi.png" alt=""></li>
						<li class="left-elem"><img src="../img/jungong.png" alt=""></li>
						<li class="left-elem"><img src="../img/baozhang.png" alt=""></li>
					</ul>
				</div>
				<div class="process-txt-box">
					<ul class="clearfix">
						<li class="txt-item">
							<p class="t">水电验收</p>
							<P CLASS="txt-detail">
								专业质检帮您检验水电材料、水电布线 布管等室内项目工程、从底层把关装修 最重要的水电工程质量问题，杜绝房屋 的安全隐患。
							</P>
						</li>
						<li class="txt-item">
							<p class="t">中期验收</p>
							<P CLASS="txt-detail">
								按时按阶段验收地砖、墙砖、吊顶、涂 料等主材项目，帮您层层把关质量问题， 给予最专业最可靠的建议方案
							</P>
						</li>
						<li class="txt-item">
							<p class="t">竣工验收</p>
							<P CLASS="txt-detail">
								竣工验收、泥工工程、涂料工程、吊顶 工程、五金项目等装饰工程，确保施工 适量全面检查到位，给您一个放心、舒 心入住的家。
							</P>
						</li>
						<li class="txt-item">
							<p class="t">装修保障</p>
							<P CLASS="txt-detail">
								有效期质保，获得装修保障
								<span class="blue">400-817-0898</span>转<span class="blue">666</span>
							</P>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--装修流程结束-->

		<!--套餐报名开始-->
		<div class="normal-size clearfix tc-yh">
			<div class="tc-box left-elem">
				<p class="t"><span class="blue">VR</span>实景体验</p>
				<div class="item">
					<a href="#"><img src="../img/taocan-01.jpg" alt=""></a>
				</div>
				<div class="item">
					<a href="#"><img src="../img/taocan-02.jpg" alt=""></a>
				</div>
				<div class="item">
					<a href="#"><img src="../img/taocan-03.jpg" alt=""></a>
				</div>
			</div>

			<!--已报名列表开始-->
			<div class="bm-list-box left-elem">
				<p class="t">最新<span class="blue">服务客户</span></p>
				<ul class="lb-list clearfix">
					<li class="item">时间</li>
					<li class="item">业主</li>
					<li class="item">装修类型</li>
					<li class="item">小区</li>
					<li class="item">价位</li>
				</ul>
				<div class="list_lh">
					<ul>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
						<li class="clearfix">
							<p class="time left-elem">2017-09-09</p>
							<p class="u-name left-elem">里***</p>
							<p class="zx left-elem">装修</p>
							<p class="xq left-elem">观澜湖观园</p>
							<p class="price left-elem">55555元/㎡</p>
						</li>
					</ul>
				</div>
			</div>
			<!--已报名列表结束-->

			<!--体验开始-->
			<div class="sign-box">
				<div class="fr rightnow" style="width: 100%">
					<h1>立即体验<em>装修管家服务</em></h1>
					<p>请填写一下信息，免费提交装修需求</p>
					<form class="layui-form">
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline w250 area">
									<input type="text" name="title" autocomplete="off" placeholder="您的称呼" class="layui-input" />
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline w250 area">
									<input type="tel" maxlength="11" name="title" autocomplete="off" placeholder="您的手机号" class="layui-input" />
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline w95">
									<select name="modules" lay-verify="required" lay-search="">
										<option value="">选择</option>
									</select>
								</div>
								<div class="layui-input-inline w95">
									<select name="modules" lay-verify="required" lay-search="">
										<option value="">区域</option>
									</select>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline w250 area">
									<input type="text" maxlength="10" min="2" name="title" autocomplete="off" placeholder="小区名称2-10个汉子" class="layui-input" />
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline w250 area">
									<input type="text" name="title" autocomplete="off" placeholder="面积/整数" class="layui-input" />
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline w250 area">
									<input type="text" name="title" autocomplete="off" placeholder="装修预算" class="layui-input" />
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline">
									<button class="layui-btn" lay-submit="" lay-filter="demo1">免费发布</button>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!--体验结束-->
		</div>
		<!--套餐报名结束-->

		<!--装修案例开始-->
		<div class="zhuanxiu-anli normal-size">
			<p class="t">精品<span class="blue">装修案例</span> <a href="#" class="right-elem more">更多案例 <em class="jaotou"></em></a> </p>
			<div class="clearfix anli-list">
				<div class="anli-item left-elem over_hide">
					<a href="#"><img class="scale" src="../img/anli-01.jpg" alt=""></a>
				</div>
				<div class="anli-right-box clearfix right-elem">
					<ul class="clearfix">
						<li class="left-elem over_hide">
							<a href="zx-detail.html"><img class="scale" src="../img/anli-02.jpg" alt=""></a>
						</li>
						<li class="left-elem over_hide">
							<a href="zx-detail.html"><img class="scale" src="../img/anli-03.jpg" alt=""></a>
						</li>
						<li class="left-elem over_hide">
							<a href="zx-detail.html"><img class="scale" src="../img/anli-04.jpg" alt=""></a>
						</li>
						<li class="left-elem over_hide">
							<a href="zx-detail.html"><img class="scale" src="../img/anli-05.jpg" alt=""></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--装修案例结束-->

		<!--装修管家开始-->
		<div class="zhuanxiu-anli normal-size">
			<p class="t">私人<span class="blue">装修管家</span> <a href="#" class="right-elem more">更多管家 <em class="jaotou"></em></a> </p>
			<div class="slider autoplay">
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/zhushi-zhuguan.jpg" alt="" class="left-elem">
          <div class="left-elem detail">
            <p class="t">文景涛</p>
            <p>级别：<span>主管</span></p>
            <p>联系方式：<span>10086</span></p>
            <p>负责区域：<span>海口、三亚</span></p>
          </div>
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/zhushi-zhuguan.jpg" alt="" class="left-elem">
          <div class="left-elem detail">
            <p class="t">文景涛</p>
            <p>级别：<span>主管</span></p>
            <p>联系方式：<span>10086</span></p>
            <p>负责区域：<span>海口、三亚</span></p>
          </div>
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/zhushi-zhuguan.jpg" alt="" class="left-elem">
          <div class="left-elem detail">
            <p class="t">文景涛</p>
            <p>级别：<span>主管</span></p>
            <p>联系方式：<span>10086</span></p>
            <p>负责区域：<span>海口、三亚</span></p>
          </div>
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/zhushi-zhuguan.jpg" alt="" class="left-elem">
          <div class="left-elem detail">
            <p class="t">文景涛</p>
            <p>级别：<span>主管</span></p>
            <p>联系方式：<span>10086</span></p>
            <p>负责区域：<span>海口、三亚</span></p>
          </div>
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/zhushi-zhuguan.jpg" alt="" class="left-elem">
          <div class="left-elem detail">
            <p class="t">文景涛</p>
            <p>级别：<span>主管</span></p>
            <p>联系方式：<span>10086</span></p>
            <p>负责区域：<span>海口、三亚</span></p>
          </div>
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/zhushi-zhuguan.jpg" alt="" class="left-elem">
          <div class="left-elem detail">
            <p class="t">文景涛</p>
            <p>级别：<span>主管</span></p>
            <p>联系方式：<span>10086</span></p>
            <p>负责区域：<span>海口、三亚</span></p>
          </div>
        </h3>
					</a>
				</div>

			</div>
		</div>
		<!--装修管家结束-->

		<!--更多优惠套餐开始-->
		<div class="zhuanxiu-anli normal-size">
			<p class="t">更多<span class="blue">优惠套餐</span> <a href="#" class="right-elem more">更多套餐 <em class="jaotou"></em></a> </p>
			<div class="slider autoplay1">
				<div>
					<a href="favour.html">
						<h3 class="clearfix">
          <img src="../img/youhui-01.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-02.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-03.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-01.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-02.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-03.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
			</div>
		</div>
		<!--更多优惠套餐结束-->
		<div class="contactbox">
			<div class="contact">
				<img src="../img/contact_icon.png" class="fl" />
				<div class="tel fr">
					<span>电话：<em>400-817-0898</em>转<em>666</em></span>
					<span>24小时服务邮箱：<em>1837504289@qq.com</em></span>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="footerbox">
			<div class="footer">
				<div class="fl place">
					<p>海口总部：海口市龙昆南路金霖花园别墅入口C栋二楼</p>
					<p>海口西海岸分店：海口市西海岸长滨四路海长流3期铺面</p>
					<p>海口绿地城分店：新大洲大道681号海南绿地城营销中心，前往100米邻里中心一楼</p>
					<p>三亚分店：三亚育秀路3-1号东方广场商业街（三亚站对面）2楼</p>
					<p>琼海分店：琼海市银海路大印经典对面我房装饰</p>
					<p>儋州分店：儋州市那大镇兰洋北路恒大名都一期25栋106商铺</p>
					<p>老城分部：澄迈县老城镇南海大道60号店铺（海之梦大酒店旁）</p>
					<p>云南我房旅居房地产经纪有限公司 地址:云南省昆明市五华区学府路金鼎科技园18号平台B座404室</p>
				</div>
				<div class="telbox fl">
					<ul>
						<li>
							<span>私人装修管家：黎明暖18789540187</span>
							<img src="../img/tel.jpg" />
						</li>
						<li>
							<span>私人装修管家：王章婷15120895596</span>
							<img src="../img/tel.jpg" />
						</li>
						<li>
							<span>私人装修管家：王盛文13876800367</span>
							<img src="../img/tel.jpg" />
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/lubotu.js"></script>
		<script type="text/javascript" src="../js/scroll.js"></script>
		<!--<script src="../js/jquery.min.js"></script>-->
		<script src="../js/layui.js"></script>
		<script type="text/javascript" src="../js/slick.min.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".lubo").lubo({});
			})
			$(document).ready(function() {
				$('.list_lh li:even').addClass('lieven');
			})
			$(function() {
				$("div.list_lh").myScroll({
					speed: 40, //数值越大，速度越慢
					rowHeight: 40 //li的高度
				});
			});
			layui.use('form', function() {
				var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
			});
			/*小轮播*/
			$('.autoplay').slick({
				dots: false,
				infinite: true,
				speed: 300,
				slidesToShow: 3.2,
				slidesToScroll: 1,
				autoplay: true,
				autoplaySpeed: 2000
			});
			$('.autoplay1').slick({
				dots: false,
				infinite: true,
				speed: 300,
				slidesToShow: 5,
				slidesToScroll: 1,
				autoplay: true,
				autoplaySpeed: 2000
			});
		</script>
		<script>
		</script>
	</body>

</html>